.app {
	background: #f2f2f2;
}
.u-block {
	padding: 14px;
	&__section {
		margin-bottom: 10px;
	}
	&__title {
		margin-top: 10px;
		font-size: 15px;
		color: $u-content-color;
		margin-bottom: 10px;
	}
	&__flex {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
	}
}

// 使用了cell组件的icon图片样式
.u-cell-icon {
	width: 36rpx;
	height: 36rpx;
	margin-right: 8rpx;
}

.u-page {
	padding: 15px 15px 40px 15px;
}

.u-demo-block {
	flex: 1;
	margin-bottom: 23px;

	&__content {
		@include flex(column);
	}

	&__title {
		font-size: 14px;
		color: rgb(143, 156, 162);
		margin-bottom: 8px;
		@include flex;
	}
}

//容器样式
.content-box {
	width: 686rpx;
	background-color: #ffffff;
	border-radius: 10rpx;
	box-sizing: border-box;
}
.search-div {
	padding: 20rpx;
	background-color: #fff;
	position: fixed;
	top: 0;
	z-index: 1;
	width: 100%;
	box-sizing: border-box;
	height: 120rpx;
}
.fixd-div {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	.iconfont {
		font-size: 70rpx;
		color: #ffffff;
		margin-bottom: 10rpx;
	}
	.grid-text {
		color: #fff;
		font-size: 28rpx;
		padding: 10rpx 0;
	}
	.grid-img {
		margin-top: 30rpx;
		width: 100rpx;
		height: 100rpx;
		border-radius: 50rpx;
	}
	.close-icon {
		position: absolute;
		right: 10rpx;
		top: 10rpx;
	}
}
.tabs-div {
	position: fixed;
	top: 120rpx;
	height: 80rpx;
	background-color: #fff;
	width: 100%;
	display: flex;
	padding: 20rpx;
	box-sizing: border-box;
	align-items: center;
	z-index: 100;
}
.footer {
	height: 120rpx;
	padding: 0 30rpx;
	background: #ffffff;
}
.box {
	padding: 0 20rpx;
	box-sizing: border-box;
}

.screen_btn {
	border: 1rpx solid #f2f2f2;
	background-color: #f2f2f2;
	font-size: 26rpx;
	line-height: 54rpx;
	border-radius: 54rpx;
	padding: 0 44rpx;
	margin: 16rpx;
	&.active {
		color: #fff;
		background-color: #3c9cff;
		border: 1rpx solid #3c9cff;
	}
}